<head>
    <meta charset="UTF-8">
    <title>打零工企业web</title>
</head>
<div class="bread_nav"> <b>账户管理</b> / 发票管理</div>
<div class="news_title">
    <ul>
        <li>待开发票</li>
        <li>开票历史</li>
    </ul>
</div>
<div class="news_ask" id="news_ask">
    <p>发票抬头 打零工（上海）互联网科技有限公司 <a href="javascript:void(0);" class="linkColor upload_pic_btn">修改</a></p>
    <div class="list_table list_employee_table">
        <table id="table" class="employee_table th_none_border">
            <thead>
            <tr class="checkboxAll">
                <th></th>
                <th>年/月/日</th>
                <th>账单标题</th>
                <th>账单金额</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <th><input type="checkbox"></th>
                <th><b>10-1</b></th>
                <th></th>
                <th></th>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>10/1 14:31:30</td>
                <td>财务顾问</td>
                <td>1200元</td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>10/1 14:31:30</td>
                <td>财务顾问</td>
                <td>1200元</td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>10/1 14:31:30</td>
                <td>财务顾问</td>
                <td>1200元</td>
            </tr>
            <tr class="checkboxAll th_none_border">
                <th><input type="checkbox"><label for="" class="checkall_label">全选</label></th>
                <th></th>
                <th></th>
                <th>合计（元）：<b class="redColor">4080</b></th>
            </tr>
            </tbody>
        </table>
        <div>
            <button type="button" class="de_btn de_btn_margin">提交</button>
        </div>
        <!--<div class="box" id="box1"></div>-->
    </div>
</div>
<div class="news_ask" id="news_news">
    <div class="search">
        <div class="input_group_inline_float forTime_input">
            <label for="date" class="inline_label">开票时间</label>
            <p><input type="text" id="startDate">-<input type="text" id="endDate"></p>
        </div>
        <div class="input_group">
            <span class="btn_search">取消搜索</span>
        </div>
    </div>
    <table>
        <tr>
            <th>开票时间</th>
            <th>账单信息</th>
            <th>发票抬头</th>
            <th>开票项目</th>
            <th>开票金额</th>
            <th>开票状态</th>
        </tr>
        <tr>
            <td>2017/12/12<br/>12:23:56</td>
            <td>批量付款</td>
            <td>打零工公司<br/>45648676465324</td>
            <td>服务费</td>
            <td>1200元</td>
            <td>申请中</td>
        </tr>
        <tr>
            <td>2017/12/12<br/>12:23:56</td>
            <td>批量付款</td>
            <td>打零工公司<br/>45648676465324</td>
            <td>服务费</td>
            <td>1200元</td>
            <td>已寄出</td>
        </tr>
        <tr>
            <td>2017/12/12<br/>12:23:56</td>
            <td>批量付款</td>
            <td>打零工公司<br/>45648676465324</td>
            <td>服务费</td>
            <td>1200元</td>
            <td>已驳回</td>
        </tr>
    </table>
</div>
<div id="pageTool" class="dlg-task-page page-small"></div>
<div class="bg_ground">
    <div class="tan" style="height: 600px; margin-top:5%;">
        <span class="close">x</span>
        <p class="invoicetit">发票设置/修改</p>
        <div class="form_group right_tan">
            <div class="input_pic input_pic_group">
                <label for="">公司抬头</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">开票项目</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">纳税人识别号</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">营业地址</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">公司电话</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">开户银行</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">开户账号</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">备注说明</label>
                <input type="text">
            </div>
            <p class="invoicetit">收件地址</p>
            <div class="input_pic input_pic_group  invoicetitaddr">
                <label for="">收件人</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">手机号</label>
                <input type="text">
            </div>
            <div class="input_pic input_pic_group">
                <label for="">地址</label>
                <input type="text" value="真北路">
            </div>
            <div class="input_group_btn">
                <span class="de_btn">保存</span>
            </div>
        </div>
    </div>
</div>
<script src="./js/pagination/paging.js"></script>
<script src="./js/check.js"></script>
<script>
    $(function () {
        $(".upload_pic_btn").click(function () {
            $(".bg_ground").show();
        })
        $(".close").click(function () {
            $(".bg_ground").hide();
        })
        getDatePicker('startDate', 'endDate');
    })
    var setTotalCount = 301;
    $('#pageTool').Paging({
        pageSize:10,
        count:100,
        callback:function(page,size,count){
            /*console.log('当前第 ' +page +'页,每页 '+size+'条,总页数：'+count+'页')*/
        }
    });
    $(".news_title ul li:nth-child(1)").css("border", "1px solid orange");
    $(".news_title ul li:nth-child(1)").click(function () {
        $(this).css("border", "1px solid orange");
        $(".news_title ul li:nth-child(2)").css("border", "1px solid #fff");
        $("#news_ask").show();
        $("#news_news").hide();
    });
    $(".news_title ul li:nth-child(2)").click(function () {
        $(this).css("border", "1px solid orange");
        $(".news_title ul li:nth-child(1)").css("border", "1px solid #fff");
        $("#news_ask").hide();
        $("#news_news").show();
    });
</script>